<template>
<view class="container">
	<block v-if="isload">
        <block v-if="xixie && xixie_cartlist && xixie_cartlist.length>0">
        	<view class="cartmain">
        		<block v-for="(itemx, indexx) in xixie_cartlist" :key="itemx.bid">
        			<view class="item">
        				<view class="btitle">
        					<view :data-type='2' @tap.stop="changeradio" :data-index="indexx" class="radio" :style="itemx.checked ? 'background:'+t('color1')+';border:0' : ''"><image class="radio-img" src="/static/img/checkd.png"/></view>
        					<view class="btitle-name" :data-type='2' @tap="goto" :data-url="'/xixie/index?id=' + itemx.business.id">{{itemx.business.name}}</view>
        					<view class="flex1"> </view>
        					<view class="btitle-del" :data-type='2' @tap="cartdeleteb" :data-bid="itemx.bid"><image class="img" src="/static/img/del.png"/><text style="margin-left:10rpx">删除</text></view>
        				</view>
        				<view class="content" v-for="(itemx2,indexx2) in itemx.prolist" :key="indexx2">
        					<view :data-type='2' @tap.stop="changeradio2" :data-index="indexx" :data-index2="indexx2" class="radio" :style="itemx2.checked ? 'background:'+t('color1')+';border:0' : ''"><image class="radio-img" src="/static/img/checkd.png"/></view>
        					<view class="proinfo" :style="(itemx.prolist).length == indexx2+1 ? 'border:0' : ''">
        						<image :src="itemx2.product.pic" class="img"/>
        						<view class="detail" style="height: 190rpx;">
        							<view class="title"><text>{{itemx2.product.name}}</text></view>
        							<view class="price" :style="{color:t('color1')}"><text style="font-size:24rpx">￥</text>{{itemx2.product.sell_price}}</view>
        							<view class="addnum">
        								<view class="minus" :data-type='2' @tap.stop="gwcminus" :data-index="indexx" :data-index2="indexx2" :data-cartid="itemx2.id" :data-num="itemx2.num" :data-buymax="itemx2.product.buymax"><image class="img" src="/static/img/cart-minus.png"/></view>
        								<input class="input" :data-type='2' @tap.stop="" type="number" :value="itemx2.num" @blur="gwcinput" :data-index="indexx" :data-index2="indexx2" :data-cartid="itemx2.id" :data-num="itemx2.num"  :data-buymax="itemx2.product.buymax"></input>
        								<view class="plus" :data-type='2' @tap.stop="gwcplus" :data-index="indexx" :data-index2="indexx2" :data-num="itemx2.num" :data-cartid="itemx2.id" :data-buymax="itemx2.product.buymax"><image class="img" src="/static/img/cart-plus.png"/></view>
        							</view>
        						</view>
        						<view class="prodel" :data-type='2' @tap.stop="cartdelete" :data-cartid="itemx2.id" style="top:106rpx"><image class="prodel-img" src="/static/img/del.png"/></view>
        					</view>
        				</view>
        			</view>
        		</block>
        	</view>
        </block>
		<block v-if="cartlist.length>0">
			<view class="cartmain">
				<block v-for="(item, index) in cartlist" :key="item.bid">
					<view class="item">
						<view class="btitle">
							<view @tap.stop="changeradio" :data-index="index" class="radio" :style="item.checked ? 'background:'+t('color1')+';border:0' : ''"><image class="radio-img" src="/static/img/checkd.png"/></view>
							<view class="btitle-name" @tap="goto" :data-url="'/pagesExt/business/index?id=' + item.business.id">{{item.business.name}}</view>
							<view class="flex1"> </view>
							<view class="btitle-del" @tap="cartdeleteb" :data-bid="item.bid"><image class="img" src="/static/img/del.png"/><text style="margin-left:10rpx">删除</text></view>
						</view>
						<view class="content" v-for="(item2,index2) in item.prolist" @tap="goto" :data-url="'/pages/shop/product?id=' + item2.product.id" :key="index2">
							<view @tap.stop="changeradio2" :data-index="index" :data-index2="index2" class="radio" :style="item2.checked ? 'background:'+t('color1')+';border:0' : ''"><image class="radio-img" src="/static/img/checkd.png"/></view>
							<view class="proinfo" :style="(item.prolist).length == index2+1 ? 'border:0' : ''">
								<image :src="item2.product.pic" class="img"/>
								<view class="detail">
									<view class="title"><text>{{item2.product.name}}</text></view>
									<view class="desc"><text>{{item2.guige.name}}</text></view>
									<view class="price" :style="{color:t('color1')}"><text style="font-size:24rpx">￥</text>{{item2.guige.sell_price}}</view>
									
									<view class="addnum">
										<view class="minus" @tap.stop="gwcminus" :data-index="index" :data-index2="index2" :data-cartid="item2.id" :data-num="item2.num" :data-limit_start="item2.product.limit_start" :data-limit_start_guige="item2.guige.limit_start"><image class="img" src="/static/img/cart-minus.png"/></view>
										<input class="input" @tap.stop="" type="number" :value="item2.num" @blur="gwcinput" :data-max="item2.guige.store_nums" :data-index="index" :data-index2="index2" :data-cartid="item2.id" :data-num="item2.num" :data-limit_start="item2.product.limit_start" :data-limit_start_guige="item2.guige.limit_start"></input>
										<view class="plus" @tap.stop="gwcplus" :data-index="index" :data-index2="index2" :data-max="item2.guige.store_nums" :data-num="item2.num" :data-cartid="item2.id" :data-limit_start="item2.product.limit_start" :data-limit_start_guige="item2.guige.limit_start"><image class="img" src="/static/img/cart-plus.png"/></view>
									</view>
								</view>
								<view class="prodel" @tap.stop="cartdelete" :data-cartid="item2.id"><image class="prodel-img" src="/static/img/del.png"/></view>
							</view>
						</view>
					</view>
				</block>
			</view>
		</block>
        
		<block v-if="!xixie_cartlist && cartlist.length<=0">
			<view class="data-empty">
				<image :src="pre_url+'/static/img/cartnull.png'" class="data-empty-img" style="width:120rpx;height:120rpx"/>
				<view class="data-empty-text" style="margin-top:20rpx;font-size:24rpx">购物车空空如也~</view>
				<view style="width:400rpx;border:0;height:80rpx;line-height:80rpx;margin:40rpx auto;border-radius:6rpx;color:#fff" :style="{background:'linear-gradient(90deg,'+t('color1')+' 0%,rgba('+t('color1rgb')+',0.8) 100%)'}" @tap="goto" :data-url="indexurl" data-opentype="reLaunch">去选购</view>
			</view>
		</block>
	</block>
	<view v-if="tjdatalist.length > 0">
		<view class="xihuan">
			<view class="xihuan-line"></view>
			<view class="xihuan-text">
				<image src="/static/img/xihuan.png" class="img"/>
				<text class="txt">为您推荐</text>
			</view>
			<view class="xihuan-line"></view>
		</view>
		<view class="prolist">
			<dp-product-item :data="tjdatalist" @addcart="addcart" :menuindex="menuindex"></dp-product-item>
		</view>
	</view>

	<loading v-if="loading"></loading>
	<block v-if="cartlist.length>0 ||(xixie && xixie_cartlist)">
	<view style="height:auto;position:relative">
		<view style="width:100%;height:110rpx"></view>
		<view class="footer flex" :class="menuindex>-1?'tabbarbot':'notabbarbot'">
			<view @tap.stop="changeradioAll" class="radio" :style="allchecked ? 'background:'+t('color1')+';border:0' : ''"><image class="radio-img" src="/static/img/checkd.png"/></view>
			<view @tap.stop="changeradioAll" class="text0">全选（{{selectedcount}}）</view>
			<view class="flex1"></view>
			<view class="text1">合计：</view>
			<view class="text2"><text style="font-size:20rpx">￥</text>{{totalprice}}</view>
			<view class="op" :style="{background:'linear-gradient(-90deg,'+t('color1')+' 0%,rgba('+t('color1rgb')+',0.8) 100%)'}" @tap="toOrder">去结算</view>
		</view>
	</view>
	</block>
	<dp-tabbar :opt="opt" @getmenuindex="getmenuindex"></dp-tabbar>
	<popmsg ref="popmsg"></popmsg>
</view>
</template>

<script>
var app = getApp();
export default {
  data() {
    return {
			opt:{},
			loading:false,
            isload: false,
			menuindex:-1,
			pre_url:app.globalData.pre_url,

			indexurl:app.globalData.indexurl,
			cartlist:[],
			tjdatalist:[],
            totalprice: '0.00',
            selectedcount: 0,
			allchecked:true,
            
            xixie:false,
            xixie_cartlist:''
    };
  },
  
  onLoad: function (opt) {
		this.opt = app.getopts(opt);
  },
	onShow:function(){
		this.getdata();
	},
	onPullDownRefresh: function () {
		this.getdata();
	},
  methods: {
    getdata: function (){
        var that = this;
		var bid = that.opt.bid ? that.opt.bid : '';
		if(bid){
			that.indexurl = 'pagesExt/business/index?id='+bid;
		}
		that.loading = true;
        app.get('ApiShop/cart', {bid:bid}, function (res) {
			that.loading = false;
            that.cartlist = res.cartlist;
            that.tjdatalist = res.tjdatalist;
            if(res.xixie ){
                that.xixie          = res.xixie;
                that.xixie_cartlist = res.xixie_cartlist;
            }
            that.calculate();
			that.loaded();
      });
    },
    calculate: function () {
      var that = this;
      var cartlist = that.cartlist;
      var ids = [];
      var totalprice = 0.00;
      var selectedcount = 0;
        for(var i in cartlist){
            for(var j in cartlist[i].prolist){
                if(cartlist[i].prolist[j].checked){
                    ids.push(cartlist[i].prolist[j].id);
                    var thispro = cartlist[i].prolist[j];
                    totalprice += thispro.guige.sell_price * thispro.num;
                    selectedcount += thispro.num;
                }
            }
        }
        var xixie = that.xixie;
        var xixie_cartlist = that.xixie_cartlist;
        if(xixie && xixie_cartlist){
            for(var xi in xixie_cartlist){
                for(var xj in xixie_cartlist[xi].prolist){
                    if(xixie_cartlist[xi].prolist[xj].checked){
                        ids.push(xixie_cartlist[xi].prolist[xj].id);
                        var thispro = xixie_cartlist[xi].prolist[xj];
                        totalprice += thispro.product.sell_price * thispro.num;
                        selectedcount += thispro.num;
                    }
                }
            }
        }
      that.totalprice = totalprice.toFixed(2);
      that.selectedcount = selectedcount;
    },
    changeradio: function (e) {
        var that = this;
        var xixie = that.xixie;
        var index = e.currentTarget.dataset.index;
        var type  = e.currentTarget.dataset.type?e.currentTarget.dataset.type:'';
        if(type == 2){
            var xixie_cartlist = that.xixie_cartlist;
            var xixie_checked = xixie_cartlist[index].checked;
            if(xixie_checked){
                xixie_cartlist[index].checked = false;
            }else{
                xixie_cartlist[index].checked = true;
            }
            for(var i in xixie_cartlist[index].prolist){
                xixie_cartlist[index].prolist[i].checked = xixie_cartlist[index].checked;
            }
            that.xixie_cartlist = xixie_cartlist;
        }else{
            var cartlist = that.cartlist;
            var checked = cartlist[index].checked;
            if(checked){
                cartlist[index].checked = false;
            }else{
                cartlist[index].checked = true;
            }
            for(var i in cartlist[index].prolist){
                cartlist[index].prolist[i].checked = cartlist[index].checked;
            }
            that.cartlist = cartlist;
        }
        that.calculate();
    },
		
    changeradio2: function (e) {
        var that = this;
        var type  = e.currentTarget.dataset.type?e.currentTarget.dataset.type:'';
        var index = e.currentTarget.dataset.index;
        var index2 = e.currentTarget.dataset.index2;
        if(!type){
            var cartlist = that.cartlist;
            var checked = cartlist[index].prolist[index2].checked;
            if(checked){
            	cartlist[index].prolist[index2].checked = false;
            }else{
            	cartlist[index].prolist[index2].checked = true;
            }
            var isallchecked = true;
            for(var i in cartlist[index].prolist){
            	if(cartlist[index].prolist[i].checked == false){
            		isallchecked = false;
            	}
            }
            if(isallchecked){
            	cartlist[index].checked = true;
            }else{
            	cartlist[index].checked = false;
            }
            that.cartlist = cartlist;
        }else{
            var xixie_cartlist = that.xixie_cartlist;
            var checked = xixie_cartlist[index].prolist[index2].checked;
            if(checked){
            	xixie_cartlist[index].prolist[index2].checked = false;
            }else{
            	xixie_cartlist[index].prolist[index2].checked = true;
            }
            var isallchecked = true;
            for(var i in xixie_cartlist[index].prolist){
            	if(xixie_cartlist[index].prolist[i].checked == false){
            		isallchecked = false;
            	}
            }
            if(isallchecked){
            	xixie_cartlist[index].checked = true;
            }else{
            	xixie_cartlist[index].checked = false;
            }
            that.xixie_cartlist = xixie_cartlist;
        }
			
        that.calculate();
    },
		changeradioAll:function(){
            var that = this;
			var cartlist = that.cartlist;
			var allchecked = that.allchecked
			for(var i in cartlist){
				cartlist[i].checked = allchecked ? false : true;
				for(var j in cartlist[i].prolist){
					cartlist[i].prolist[j].checked = allchecked ? false : true;
				}
			}
			that.cartlist = cartlist;
            
            var xixie = that.xixie;
            if(xixie){
                var xixie_cartlist = that.xixie_cartlist;
                for(var i in xixie_cartlist){
                	xixie_cartlist[i].checked = allchecked ? false : true;
                	for(var j in xixie_cartlist[i].prolist){
                		xixie_cartlist[i].prolist[j].checked = allchecked ? false : true;
                	}
                }
                that.xixie_cartlist = xixie_cartlist;
            }
            
			that.allchecked = allchecked ? false : true;
            that.calculate();
		},
        cartdelete: function (e) {
            var that = this;
            var id = e.currentTarget.dataset.cartid;
            var type  = e.currentTarget.dataset.type?e.currentTarget.dataset.type:'';
            app.confirm('确定要从购物车移除吗?', function () {
                app.post('ApiShop/cartdelete', {id: id,type:type}, function (data) {
                    app.success(data.msg);
                    if(data.status == 1){
                        setTimeout(function () {
                          that.getdata();
                        }, 1000);
                    }
                });
            });
        },
		cartdeleteb:function(e){
            var that = this;
            var bid   = e.currentTarget.dataset.bid;
            var type  = e.currentTarget.dataset.type?e.currentTarget.dataset.type:'';

            app.confirm('确定要从购物车移除吗?', function () {
                app.post('ApiShop/cartdelete', {bid: bid,type:type}, function (data) {
                    app.success('操作成功');
                    setTimeout(function () {
                        that.getdata();
                    }, 1000);
                });
            });
        },
    toOrder: function () {
        var that = this;
        var cartlist = that.cartlist;
        var ids = [];
        var prodata = [];
        for(var i in cartlist){
            for(var j in cartlist[i].prolist){
                if(cartlist[i].prolist[j].checked){
                    var thispro = cartlist[i].prolist[j];
										var tmpprostr = thispro.product.id + ',' + thispro.guige.id + ',' + thispro.num;
                    if(thispro.glassrecord){
											tmpprostr += ',' + thispro.glassrecord.id
										}
										prodata.push(tmpprostr);
                }
            }
        }
        var xixie = that.xixie;
        if(xixie){
            var xixie_cartlist = that.xixie_cartlist;
            var xixie_prodata = [];
            for(var i in xixie_cartlist){
                for(var j in xixie_cartlist[i].prolist){
                    if(xixie_cartlist[i].prolist[j].checked){
                        var thispro = xixie_cartlist[i].prolist[j];
                        xixie_prodata.push(thispro.product.id + ','  + thispro.num);
                    }
                }
            }
            var len = prodata.length;
            var xixie_len = xixie_prodata.length;
            if(len>0 &&  xixie_len>0){
                app.alert('洗鞋商品只能单独去结算，不能与其他商城产品一起去结算');
                return;
            }
            if(xixie_len>0){
                prodata = xixie_prodata;
            }
        }
        if (prodata == undefined || prodata.length == 0) {
            app.error('请先选择产品');
            return;
        }
        if(xixie && xixie_len>0){
            app.goto('/xixie/buy?&prodata=' + prodata.join('-'));
        }else{
            app.goto('buy?&prodata=' + prodata.join('-'));
        }
    },
    //加
    gwcplus: function (e) {
        var type  = e.currentTarget.dataset.type?e.currentTarget.dataset.type:'';
        var index  = parseInt(e.currentTarget.dataset.index);
        var index2 = parseInt(e.currentTarget.dataset.index2);
        var cartid = e.currentTarget.dataset.cartid;
        
        var num = parseInt(e.currentTarget.dataset.num);
        if(!type){
            var maxnum = parseInt(e.currentTarget.dataset.max);
            if (num >= maxnum) {
                app.error('库存不足');
                return;
            }
            var cartlist = this.cartlist;
            cartlist[index].prolist[index2].num++;
            this.cartlist = cartlist
        }else{
            var buymax = parseInt(e.currentTarget.dataset.buymax);
            if (buymax>0 && num > buymax) {
                app.alert('每人限购'+buymax);
                return;
            }
            var xixie_cartlist = this.xixie_cartlist;
            xixie_cartlist[index].prolist[index2].num++;
            this.xixie_cartlist = xixie_cartlist
        }
        
        this.calculate();
        var that = this;
        app.post('ApiShop/cartChangenum', {id: cartid,num: num + 1,type:type}, function (data){
            if (data.status == 1) {
                 //that.getdata();
            } else {
                app.error(data.msg);
                if(!type){
                    cartlist[index].prolist[index2].num--;
                }else{
                    xixie_cartlist[index].prolist[index2].num--;
                }
            }
        });
    },
    //减
    gwcminus: function (e) {
        var type  = e.currentTarget.dataset.type?e.currentTarget.dataset.type:'';
        var index = parseInt(e.currentTarget.dataset.index);
        var index2 = parseInt(e.currentTarget.dataset.index2);
        var cartid = e.currentTarget.dataset.cartid;
        
        var num = parseInt(e.currentTarget.dataset.num);
        if (num == 1) return;
        if(!type){
            var maxnum = parseInt(e.currentTarget.dataset.max);
            var limit_start = parseInt(e.currentTarget.dataset.limit_start);
            var limit_start_guige = parseInt(e.currentTarget.dataset.limit_start_guige);
            if(limit_start_guige > 0 && num <= limit_start_guige){
            	app.error('该商品规格'+limit_start_guige+'件起售');
            	return;
            }
            if(limit_start > 0 && num <= limit_start){
            	app.error('该商品'+limit_start+'件起售');
            	return;
            }
            var cartlist = this.cartlist;
            cartlist[index].prolist[index2].num--;
            this.cartlist = cartlist
            this.calculate();
        }else{
            var xixie_cartlist = this.xixie_cartlist;
            xixie_cartlist[index].prolist[index2].num--;
            this.xixie_cartlist = xixie_cartlist
            this.calculate();
        }

        var that = this;
        app.post('ApiShop/cartChangenum', {id: cartid,num: num - 1,type:type}, function (data) {
        if (data.status == 1) {
            //that.getdata();
        } else {
            app.error(data.msg);
            if(!type){
                cartlist[index].prolist[index2].num++;
            }else{
                xixie_cartlist[index].prolist[index2].num++;
            }
        }
      });
    },
    //输入
    gwcinput: function (e) {
        var type  = e.currentTarget.dataset.type?e.currentTarget.dataset.type:'';
        var index = parseInt(e.currentTarget.dataset.index);
        var index2 = parseInt(e.currentTarget.dataset.index2);
        var maxnum = parseInt(e.currentTarget.dataset.max);
        var cartid = e.currentTarget.dataset.cartid;
        var num = e.currentTarget.dataset.num;
        var newnum = parseInt(e.detail.value);
        if (num == newnum) return;
        if (newnum < 1) {
            app.error('最小数量为1');
            return;
        }
        if(!type){
            var limit_start = parseInt(e.currentTarget.dataset.limit_start);
            var limit_start_guige = parseInt(e.currentTarget.dataset.limit_start_guige);
            if(limit_start_guige > 0 && newnum < limit_start_guige){
                app.error('该商品规格'+limit_start_guige+'件起售');
                return;
            }
            if(limit_start > 0 && newnum < limit_start){
                app.error('该商品'+limit_start+'件起售');
                return;
            }
            if (newnum > maxnum) {
                app.error('库存不足');
                return;
            }
            var cartlist = this.cartlist;
            cartlist[index].prolist[index2].num = newnum;
            this.cartlist = cartlist
            this.calculate();
        }else{
            var buymax = parseInt(e.currentTarget.dataset.buymax);
            if (buymax>0 && num > buymax) {
                app.alert('每人限购'+buymax);
                return;
            }
            var xixie_cartlist = this.xixie_cartlist;
            xixie_cartlist[index].prolist[index2].num = newnum;
            this.xixie_cartlist = xixie_cartlist
            this.calculate();
        }
        var that = this;
        app.post('ApiShop/cartChangenum', {id: cartid,num: newnum,type:type}, function (data) {
            if (data.status == 1) {
                //that.getdata();
            } else {
                app.error(data.msg);
            }
        });
    },
    addcart:function(){
        this.getdata();
    }
  }
};
</script>
<style>
.container{height:100%}
.cartmain .item {width: 94%;margin:20rpx 3%;background: #fff;border-radius:20rpx;padding:30rpx 3%;}
.cartmain .item .radio{flex-shrink:0;width: 32rpx;height: 32rpx;background: #FFFFFF;border: 2rpx solid #BFBFBF;border-radius: 50%;margin-right:30rpx}
.cartmain .item .radio .radio-img{width:100%;height:100%}

.cartmain .item .btitle{width:100%;display:flex;align-items:center;margin-bottom:30rpx}
.cartmain .item .btitle-name{color:#222222;font-weight:bold;font-size:28rpx;}
.cartmain .item .btitle-del{display:flex;align-items:center;color:#999999;font-size:24rpx;}
.cartmain .item .btitle-del .img{width:24rpx;height:24rpx}

.cartmain .item .content {width:100%;position: relative;display:flex;align-items:center;}
.cartmain .item .content .proinfo{flex:1;display:flex;padding:20rpx 0;border-bottom:1px solid #f2f2f2}
.cartmain .item .content .proinfo .img {width: 176rpx;height: 176rpx;}
.cartmain .item .content .detail {flex:1;margin-left:20rpx;height: 176rpx;position: relative;}
.cartmain .item .content .detail .title {color: #222222;font-weight:bold;font-size:28rpx;line-height:34rpx;margin-bottom:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:68rpx}
.cartmain .item .content .detail .desc {margin-top:16rpx;height: 30rpx;line-height: 30rpx;color: #999;overflow: hidden;font-size: 20rpx;}
.cartmain .item .content .prodel{width:24rpx;height:24rpx;position:absolute;top:90rpx;right:0}
.cartmain .item .content .prodel-img{width:100%;height:100%}
.cartmain .item .content .price{margin-top:10rpx;height:60rpx;line-height:60rpx;font-size:32rpx;font-weight:bold;display:flex;align-items:center}
.cartmain .item .content .addnum {position: absolute;right: 0;bottom:0rpx;font-size: 30rpx;color: #666;width:auto;display:flex;align-items:center}
.cartmain .item .content .addnum .plus {width:65rpx;height:48rpx;background:#F6F8F7;display:flex;align-items:center;justify-content:center}
.cartmain .item .content .addnum .minus {width:65rpx;height:48rpx;background:#F6F8F7;display:flex;align-items:center;justify-content:center}
.cartmain .item .content .addnum .img{width:24rpx;height:24rpx}
.cartmain .item .content .addnum .i {padding: 0 20rpx;color:#2B2B2B;font-weight:bold;font-size:24rpx}
.cartmain .item .content .addnum .input{flex:1;width:50rpx;border:0;text-align:center;color:#2B2B2B;font-size:24rpx;margin: 0 15rpx;}

.cartmain .item .bottom{width: 94%;margin: 0 3%;border-top: 1px #e5e5e5 solid;padding: 10rpx 0px;overflow: hidden;color: #ccc;display:flex;align-items:center;justify-content:flex-end}
.cartmain .item .bottom .f1{display:flex;align-items:center;color:#333}
.cartmain .item .bottom .f1 image{width:40rpx;height:40rpx;border-radius:4px;margin-right:4px}
.cartmain .item .bottom .op {border: 1px #ff4246 solid;border-radius: 10rpx;color: #ff4246;padding: 0 10rpx;height: 46rpx;line-height: 46rpx;margin-left: 10rpx;}

.footer {width: 100%;background: #fff;margin-top: 5px;position: fixed;left: 0px;bottom: 0px;z-index:8;display:flex;align-items:center;padding:0 20rpx;border-top:1px solid #EFEFEF}
.footer .radio{flex-shrink:0;width: 32rpx;height: 32rpx;background: #FFFFFF;border: 2rpx solid #BFBFBF;border-radius: 50%;margin-right:10rpx}
.footer .radio .radio-img{width:100%;height:100%}
.footer .text0{color:#666666;font-size:24rpx;}
.footer .text1 {height: 110rpx;line-height: 110rpx;color:#444;font-weight:bold;font-size:24rpx;margin-right:10rpx}
.footer .text2 {color: #F64D00;font-size: 36rpx;font-weight:bold}
.footer .op{width: 216rpx;height: 80rpx;line-height:80rpx;border-radius: 6rpx;font-weight:bold;color:#fff;font-size:28rpx;text-align:center;margin-left:30rpx}

.xihuan{height: auto;overflow: hidden;display:flex;align-items:center;width:100%;padding:12rpx 160rpx}
.xihuan-line{height: auto; padding: 0; overflow: hidden;flex:1;height:0;border-top:1px solid #eee}
.xihuan-text{padding:0 32rpx;text-align:center;display:flex;align-items:center;justify-content:center}
.xihuan-text .txt{color:#111;font-size:30rpx}
.xihuan-text .img{text-align:center;width:36rpx;height:36rpx;margin-right:12rpx}

.prolist{width: 100%;height:auto;padding: 8rpx 20rpx;}

.data-empty {width: 100%; text-align: center; padding-top:100rpx;padding-bottom:100rpx}
.data-empty-img{ width: 300rpx; height: 300rpx; display: inline-block; }
.data-empty-text{ display: block; text-align: center; color: #999999; font-size:32rpx; width: 100%; margin-top: 30rpx; } 
</style>